{% extends 'site_base.html' %} 

{% block head_title %}{{ topic }}{% endblock %}

{% block extrahead %}
<link type="application/rss+xml" rel="alternate" title="News21 {{ topic }} Feed" href="/topics/feed/{{ topic.id }}" />
{% endblock %}

{% block body_id %}topics{% endblock %}

{% block body %}

<div id="topic_detail" stylesheet="float:right;" class="grid_7">

    <h1>{{ topic }}</h1>
    <p style="line-height:1;">
        <div style="float:left;">
    {% for i in topic_image%}
        <img src="{{ i.photo.get_thumbnail_url }}">
    {% endfor %}
        </div>
    </p>
    <p style="line-height:1;">
    {% autoescape off %}{{ topic.description }}{% endautoescape %}
<hr>
    </p>

    <ul style="top:-20px;">
    {% for p in promos %}
        <li class="{% cycle 'even' 'odd' %}"><span style="font-size:120%;"><a href="{{p.permalink}}">{{p}}</a></span><br>
        {% autoescape off %}{{p.description}}{% endautoescape %}</li>
    {% endfor %}
    {% for l in promo_link %}
        <li><a href="{{l.id}}">{{l}}</a></li>
    {% endfor %}
    </ul>

</div>

<div id="topic_nav" class="grid_2">
    <ul>
    {% for o in school_list %}
    <li class="{% cycle 'even' 'odd' %}"><a href="/schools/{{o.slug}}">{{o}}</a>
    {% empty %}
    <li>No topics submitted yet.</li>
    {% endfor %}
    </ul>
</div>
{% endblock %}
